@import './variable';
@import './mixin';
/* 初始化项目 */

page {
  line-height: 1;
  font-family:"Microsoft YaHei";
  color: #333;
}

.hiddenBtn {
  background: none;
  border: none;
  padding: 0;
  &:after {
    border: none
  }
}

button {
  padding: 0;
  margin: 0;
  font-size: 32rpx;
  padding: 0;
  margin: 0;
  &::after{
    border: none;
    padding: 0;
    margin: 0;
  }
  &[type=default] {
    border: 1px solid $text-gray;
    background: #FFFFFF;
    color: $text-gray;
    &[plain] {
      border-color: $text-gray;
      line-height: 88rpx;
      color: $text-gray;
    }
  }
  &[type=primary] {
    background-color: $theme-color;
    line-height: 88rpx;
    color: #fff;
    &:after {
      border: 0 none;
    }
    &[plain] {
      background-color: transparent;
      border-color: $theme-color;
      color: $theme-color;
    }
    &.bg-light {
      background-color: #fff;
      color: $theme-color-light;
      &[disabled] {
        color: $text-gray;
      }
    }
    &[disabled] {
      background-image: none;
      background-color: #CCC;
    }
  }
  &[disabled] {
    background-image: none;
    background-color: #CCC;
  }
  &.radius {
    border-radius: 44rpx;
  }
  &.button-hover {
    background-color: rgba(0, 0, 0, .1);
    opacity: 0.7;
  }
  &.no-style {
    background-color: transparent;
    padding: 0;
    border: 0 none;
    line-height: inherit;
    &:after {
      display: none;
    }
  }
}

/*隐藏滚动条*/

::-webkit-scrollbar {
  width: 0;
  height: 0;
  color: transparent;
}

.textarea {
  padding: 15rpx 20rpx;
  height: 170rpx;
  border-radius: 10rpx;
  border: 1rpx solid #DEDEDE;
  textarea {
    width: 100%;
    height: 100%;
    font-size: 28rpx;
  }
}

.weui-cells_pure {
  margin-top: 0;
  &:before {
    display: none;
  }
  &:after {
    border-color: #DEDEDE;
  }
  .weui-cell {
    padding-top: 30rpx;
    padding-bottom: 30rpx;
    &:before {
      left: 0;
      border-color: #DEDEDE;
    }
  }
}

.weui-cells_no-border {
  &:before,
  &:after {
    display: none;
  }
  .weui-cell:before {
    display: none;
  }
}

.weui-cell__ft_in-access {
  &:after {
    border-color: $text-black;
  }
  &.gray {
    color: $text-gray;
    &:after {
      border-color: $text-gray;
    }
  }
}

.weui-panel_card {
  margin: 40rpx 30rpx;
  border: 1rpx solid #DEDEDE;
  border-radius: 10rpx;
  &:first-child {
    margin-top: 40rpx;
  }
  &:before,
  &:after {
    display: none;
  }
  .weui-panel {
    &__hd {
      padding: 16rpx 20rpx;
      font-size: 28rpx;
      color: $text-black;
      &:after {
        left: 0;
        border-color: #DEDEDE;
      }
      span {
        float: right;
      }
    }
    &__bd {
      .weui-cell {
        padding: 30rpx 20rpx;
        &__bd {
          white-space: nowrap;
          overflow: hidden;
          font-size: 28rpx;
          img {
            vertical-align: middle;
            width: 100rpx;
            height: 100rpx;
          }
          img+img {
            margin-left: 18rpx;
          }
        }
        &__ft {
          padding-left: 40rpx;
          font-size: 28rpx;
          color: $text-black;
        }
      }
    }
    &__ft {
      position: relative;
      padding: 30rpx 24rpx;
      overflow: hidden;
      &:before {
        content: " ";
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        height: 1rpx;
        border-top: 1rpx solid #DEDEDE;
        z-index: 2;
      }
      button {
        float: right;
        width: 160rpx;
        line-height: 52rpx;
        border-radius: 26rpx;
        font-size: 28rpx;
      }
    }
  }
}

.bg-gradient {
  // @include bgGradient;
  &_hover {
    @include bgGradientHover;
  }
  &_v {
    @include bgGradient(top, true);
    &_hover {
      @include bgGradientHover(true);
    }
  }
  &_rvs {
    @include bgGradient(left, true);
    &_hover {
      @include bgGradientHover(true);
    }
  }
  &.button-hover {
    background-color: rgba(0, 0, 0, 0.1);
    opacity: 0.7;
  }
}

.bg-orange {
  background-color: #F69037!important;
  &_hover {
    background-color: #F77B0E!important;
  }
}

.bg-red {
  background-color: #F51414!important;
  &_hover {
    background-color: #DC1C1C!important;
  }
}

.shadow {
  box-shadow: 0 6rpx 10rpx rgba(0, 0, 0, 0.1);
}

.backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 11;
  background-color: rgba(0, 0, 0, 0.5);
}

.quick-tip {
  img {
    vertical-align: top;
    width: 36rpx;
    height: 36rpx;
    margin-right: 18rpx;
  }
  span {
    vertical-align: top;
  }
  line-height: 36rpx;
  padding: 16rpx 30rpx 16rpx 28rpx;
  font-size: 26rpx;
  color: #F00808;
  background-color: #FCF4CD;
  &_follow {
    position: relative;
    z-index: 12;
    &:before {
      content: '';
      position: absolute;
      left: 68rpx;
      top: -24rpx;
      width: 0;
      height: 0;
      border-left: 12rpx solid transparent;
      border-right: 12rpx solid transparent;
      border-bottom: 24rpx solid #FCF4CD;
    }
  }
}

.address-panel {
  .weui-media-box {
    &__title {
      font-size: 28rpx;
    }
    icon {
      position: absolute;
      right: 30rpx;
      top: 50%;
      margin-top: -16rpx;
    }
  }
  .weui-cell_link .weui-cell__bd {
    color: #333333;
    font-size: 28rpx;
  }
  &_compact {
    .weui-media-box {
      padding-top: 20rpx;
      padding-bottom: 20rpx;
      &__title_in-text {
        margin-bottom: 8rpx;
      }
      &__desc {
        font-size: 24rpx;
        position: relative;
      }
    }
  }
}

.footer-bar {
  position: fixed;
  left: 0%;
  right: 0%;
  bottom: 0%;
  button {
    line-height: 100rpx;
    border: 0 none!important;
    border-radius: 0;
  }
}

.lj-dialog {
  position: fixed;
  z-index: 5000;
  width: 80%;
  max-width: 600rpx;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #FFF;
  text-align: center;
  border-radius: 20rpx;
  overflow: hidden;
  &__cancel-btn {
    position: absolute;
    width: 24rpx;
    height: 24rpx;
  }
  &__title {
    font-size: 36rpx;
    line-height: 88rpx;
    border-bottom: 1rpx solid #D2D3D5;
  }
}

.mask {
  background: #000;
  opacity: .7;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  z-index: 50;
}

.raduis {
  border-radius: 20rpx;
}

.divider-title {
  padding: 0 20rpx;
  background-color: #fff;
  text-align: center;
  line-height: 40rpx;
  font-size: 30rpx;
  .weui-flex__item {
    position: relative;
    &:after {
      content: '';
      position: absolute;
      top: 50%;
      left: 0;
      right: 0;
      height: 1rpx;
      background-color: #DEDEDE;
    }
    &:first-child {
      margin-right: 12rpx;
    }
    &:last-child {
      margin-left: 12rpx;
    }
  }
}

.empty-tip {
  padding: 300rpx 0;
  text-align: center;
  img {
    vertical-align: middle;
    width: 142rpx;
    height: 142rpx;
    margin-bottom: 24rpx;
  }
  &__text {
    line-height: 56rpx;
    font-size: 28rpx;
    color: $text-gray;
    &_main {
      font-size: 32rpx;
      color: $text-black;
    }
  }
}

.text-price {
  font-size: 32prx; // color: $text-red;
  color: #E42324;
}

.text-price_old {
  font-size: 24rpx;
  color: $text-gray;
  text-decoration: line-through;
}

.text-bold {
  font-weight: 700;
}

.text-theme {
  color: $theme-color!important;
}

.text-theme-light {
  color: $theme-color-light!important;
}

.fz34 {
  font-size: 34rpx!important;
}

.fz30 {
  font-size: 30rpx!important;
}

.text-green {
  color: $text-green!important;
}

.text-red {
  color: $text-red!important;
}

.text-black {
  color: $text-black!important;
}

.text-gray {
  color: $text-gray!important;
}

@import './slide-left';
@import './goods-list-panel';
@import './lj-form';
@import './lj-form-preview';
@import './pwd-form';
@import './vip';
@import './store';
@import './store-item';
@import './goods-row-item';
